
<!DOCTYPE html>
<html >
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" > 
<title>伊萌的个人简历</title>
</head>
<style>
body {background:#eecbd9; width: 100%; overflow-x: hidden;
      padding: 1rem 10%; padding-bottom: 0;
	  box-sizing: border-box; font-size: .9em; }
#box1{background:white;
	  /*width: 30%;*/
	  box-shadow: 0 5px 20px black;
      border-radius: 5px;
	  padding: 2rem;
	  margin: 0px 10px;
	  float: left;}
#box2{background:white;
	  /*width: 70%;*/
	  box-shadow: 0 5px 20px black;
	  border-radius: 5px;
	  padding: 1rem;
	  margin: 0px 350px; }
h3.xingxi{margin-left:30px;margin-top:-15px;}
h3.lianxifangshi{margin-left:30px;margin-top:-20px;}
h3.jinengdian{margin-left:30px;margin-top:-20px;}
h3.jiaoyujingli{margin-left:30px;margin-top:-20px;}
h3.gongzuojinli{margin-left:30px;margin-top:-20px;}
h3.gerenxianmu{margin-left:30px;margin-top:-20px;}
h3.ziwopingjia{margin-left:30px;margin-top:-20px;}
div.img {width:30%;}
div.duihua{width:20px;height:20px;color:pink;}
div.xiaoren{width:20px;height:20px;color:pink;}
div.duigou{width:20px;height:20px;color:pink;}
div.bixiezhi{width:20px;height:20px;color:pink;}
div.xiaolingjin{width:20px;height:20px;color:pink;}
div.xiaobenbenren{width:20px;height:20px;color:pink;}
div.xiaocao{width:20px;height:20px;color:pink;}
div.donghua{width: 30px;
    height: 30px;
    background-color: yellow;
	position:relative;
    animation-name:bibi;
	animation-duration:2s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	animation-play-state:running;
	border-radius: 50px;
}
div.yuan{
	     background:#7babf7;
		 
	     width:150px;
	     height:150px;
	     border-radius: 100px;}
@keyframes bibi{
    0%   {background:#F3C; left:35px; top:45px;}
	14%   {background:#C3F; left:55px; top:45px;}
	28%  {background:#F3C; left:65px; top:60px;}
	42%  {background:#C3F; left:75px; top:45px;}
	56%  {background:#F3C; left:85px; top:45px;}
	85%  {background:#C3F; left:60px; top:85px;}
	100% {background:#F3C; left:35px; top:45px;}
}

progress{margin-left:-20px;}

@media screen and (max-width: 1300px) {
	#box1{width: 20%;margin: 0; margin-top: 1.5rem;}
    #box2{position: static; width: 70%;margin: 0 0 0 300px;margin-top: 1.5rem; }}
@media screen and (max-width:1100px) {
	#box1{width: 20%;margin:0 0 0 0; margin-top: 1.5rem; }
    #box2{position: static; width: 60%;margin: 0 0 0 300px;margin-top: 1.5rem; }}
@media screen and (max-width:900px) {
	#box1{width: 27%;margin:0 0 0 0; margin-top: 1.5rem; }
    #box2{position: static; width: 50%;margin: 0 0 0 300px;margin-top: 1.5rem; }}
@media screen and (max-width:800px) {
	#box1{width: 30%;margin:0 0 0 0; margin-top: 1.5rem; }
    #box2{position: static; width: 43%;margin: 0 0 0 270px;margin-top: 1.5rem; }}
</style>
<body>
 <div id="box1">
 <div class="img">
 <img src="assets/images/m.jpg" alt="" width="110" height="140" style="border-radius: 50%;border-color:#eecbd9;border-style:solid;border-width:10px;"></div>
 <h1 class="name">李伊萌</h1>
 <h2 class="info-job">大学生 / 汕头</h2>
                       <!-- 基本信息 -->
  <div class="jibenxinxi">
  <div class="xiaoren">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="child" class="svg-inline--fa fa-child fa-w-12" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M120 72c0-39.765 32.235-72 72-72s72 32.235 72 72c0 39.764-32.235 72-72 72s-72-32.236-72-72zm254.627 1.373c-12.496-12.497-32.758-12.497-45.254 0L242.745 160H141.254L54.627 73.373c-12.496-12.497-32.758-12.497-45.254 0-12.497 12.497-12.497 32.758 0 45.255L104 213.254V480c0 17.673 14.327 32 32 32h16c17.673 0 32-14.327 32-32V368h16v112c0 17.673 14.327 32 32 32h16c17.673 0 32-14.327 32-32V213.254l94.627-94.627c12.497-12.497 12.497-32.757 0-45.254z"></path></svg>
</div>
 <h3 class="xingxi">基本信息</h3>
 <ul>
  <li>
   <span>个人信息</span>
   <span>李伊萌 / 女 / 19岁</span>
 </li>
  <li>
   <span>英语水平</span>
   <span>XXX</span>
 </li>
  <li>
   <span>计算机水平</span>
   <span>XXX</span>
 </li>
 </ul>
 </div>
                         <!-- 联系方式 -->
 <div class="lianxifangshi">
 <div class="duihua">
 <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="comments" class="svg-inline--fa fa-comments fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M416 192c0-88.4-93.1-160-208-160S0 103.6 0 192c0 34.3 14.1 65.9 38 92-13.4 30.2-35.5 54.2-35.8 54.5-2.2 2.3-2.8 5.7-1.5 8.7S4.8 352 8 352c36.6 0 66.9-12.3 88.7-25 32.2 15.7 70.3 25 111.3 25 114.9 0 208-71.6 208-160zm122 220c23.9-26 38-57.7 38-92 0-66.9-53.5-124.2-129.3-148.1.9 6.6 1.3 13.3 1.3 20.1 0 105.9-107.7 192-240 192-10.8 0-21.3-.8-31.7-1.9C207.8 439.6 281.8 480 368 480c41 0 79.1-9.2 111.3-25 21.8 12.7 52.1 25 88.7 25 3.2 0 6.1-1.9 7.3-4.8 1.3-2.9.7-6.3-1.5-8.7-.3-.3-22.4-24.2-35.8-54.5z"></path></svg>
 </div>
 <h3 class="lianxifangshi">联系方式</h3>
 <ul>
  <li>
  <span>手机</span>
  <a href="*" target="_blank">XXXXXXXXXXXXX</a>
 </li>
  <li>
   <span>邮箱</span>
  <a href="*" target="_blank">XXXXXXXXXXXXX</a>
 </li>
  <li>
   <span>个人主页</span>
  <a href="*" target="_blank">000000.com/</a>
 </li>
  <li>
 <span>Github</span>
  <a href="*" target="_blank">github.com/0000</a>
 </li>
</ul>
</div>
                        <!-- 技能点 -->
 <div class="jinengdian">
 <div class="duigou">
 <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="check-circle" class="svg-inline--fa fa-check-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z"></path></svg>
</div>
 <h3 class="jinengdian">技能点</h3>
 <ul>
  <li>
  <label>HTML</label>
  <progress value="10" max="80"></progress>
  </li>
  <li>
  <label>HTML</label>
  <progress value="20" max="80"></progress>
  </li>
  <li>
  <label>JavaScript</label>
  <progress value="35" max="80"></progress>
  </li>
  <li>
  <label>React</label>
  <progress value="55" max="80"></progress>
  </li>
  <li>
  <label>Node.js</label>
  <progress value="70" max="80"></progress>
  </li>
  <li>
  <label>小程序</label>
  <progress value="40" max="80"></progress>
  </li>
</ul>
</div>
<embed src="assets/music/o.mp3" hidden="true" autostart="true" loop="true">
<div class="yuan">
<div class="donghua">

</div></div>
</div>
<div id="box2">
                        <!-- 教育经历 -->
 <div class="jiaoyujingli">
 <div class="bixiezhi">
 <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="edit" class="svg-inline--fa fa-edit fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M402.3 344.9l32-32c5-5 13.7-1.5 13.7 5.7V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h273.5c7.1 0 10.7 8.6 5.7 13.7l-32 32c-1.5 1.5-3.5 2.3-5.7 2.3H48v352h352V350.5c0-2.1.8-4.1 2.3-5.6zm156.6-201.8L296.3 405.7l-90.4 10c-26.2 2.9-48.5-19.2-45.6-45.6l10-90.4L432.9 17.1c22.9-22.9 59.9-22.9 82.7 0l43.2 43.2c22.9 22.9 22.9 60 .1 82.8zM460.1 174L402 115.9 216.2 301.8l-7.3 65.3 65.3-7.3L460.1 174zm64.8-79.7l-43.2-43.2c-4.1-4.1-10.8-4.1-14.8 0L436 82l58.1 58.1 30.9-30.9c4-4.2 4-10.8-.1-14.9z"></path></svg>
</div>
 <h3 class="jiaoyujingli">教育经历</h3>
 <ul>
 <li>
 <h3>
 <span>XXXX大学 - XXX专业（硕士）</span>
 <time>201X.9-201X.7</time>
 </h3>
 <p>专业排名
 <mark>X/XX</mark>，期间发表国际会议英文摘要X篇，国内核心期刊文章X篇（其中第一作者X篇），获XXX，XXX2次，XXX2次。(此处根据自身情况填写，可以突出自己的亮点，或者跟求职目标相关的内容)</p>
 </li>
 <li>
 <h3>
 <span>XXXX大学 - XXX专业（本科）</span>
 <time>201X.9-201X.7</time>
 </h3>
 <p>专业排名
 <mark>X/XX</mark>，期间发表国内核心期刊文章X篇，三等奖学金X次。</p>
 </li>
 </ul>
</div>
                        <!-- 工作经历 -->
 <div class="gongzuojingli">
 <div class="xiaolingjin">
 <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="bookmark" class="svg-inline--fa fa-bookmark fa-w-12" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M336 0H48C21.49 0 0 21.49 0 48v464l192-112 192 112V48c0-26.51-21.49-48-48-48zm0 428.43l-144-84-144 84V54a6 6 0 0 1 6-6h276c3.314 0 6 2.683 6 5.996V428.43z"></path></svg>
</div>
<h3 class="gongzuojinli"> 工作经历</h3>
 <ul>
   <li>
 <h3>
 <span>[经历1]XX公司－前端开发工程师（实习）</span>
 <time>2016.X 至 2017.X</time>
 </h3>
 <div class="ppp">
 <li>深度参与XX项目迭代XX的前端开发工作，独立承担并完成XX、XX、XXXX等功能点的开发，主要维护并修复XX、XX、XX等功能点bug若干。项目采用技术栈
  <mark>React+React Router+Node.js+SASS</mark>，实现
  <mark>前后端完全分离</mark>。</li>
 <li>配合UI和后端，根据产品需求提供H5页面嵌入到后台模板，要求
  <mark>移动端显示正常</mark>。</li>
  <li>主要参与XXXXXXX的静态页面开发工作，要求
  <mark>在支付宝环境下完全兼容</mark>。</li>
 
 </li>
 <li>
 <h3>
 <span>[经历2]XX－前端开发工程师（实习）</span>
 <time>20XX.10-20XX.7</time>
 </h3>
 <div class="ppp">
 <li>深度参与公司主线产品「XXXX」的前端开发工作，完成帖子快捷回复、
  <mark>全站图片懒加载</mark>、活动banner、帖子管理（使用Yii框架）等功能。项目采用技术栈phpWind+NAMP。
 <a href="#" target="_blank">
 <i class="ppp" aria-hidden="true"></i>博客文章</a>。</li>
 <li>主要参与公司产品「XXXX」的前端开发工作，实现接入微博、微信、QQ等
  <mark>第三方账号登录</mark>等功能。项目采用技术栈WordPress+NAMP。</li>
 <li>活动页面的开发（七夕活动、抽奖活动以及承接外包页面）。</li>
 <li>论坛
 <mark>图片增量备份</mark>
 <a href="#" target="_blank">
 <i class="ppp" aria-hidden="true"></i>博客文章</a>。</li>

 </li>
</ul>

                        <!-- 个人项目 -->
 <div class="xiangmujinyan">
 <div class="xiaobenbenren">
 <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="address-book" class="svg-inline--fa fa-address-book fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M436 160c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h320c26.5 0 48-21.5 48-48v-48h20c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20v-64h20c6.6 0 12-5.4 12-12v-40c0-6.6-5.4-12-12-12h-20v-64h20zm-68 304H48V48h320v416zM208 256c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm-89.6 128h179.2c12.4 0 22.4-8.6 22.4-19.2v-19.2c0-31.8-30.1-57.6-67.2-57.6-10.8 0-18.7 8-44.8 8-26.9 0-33.4-8-44.8-8-37.1 0-67.2 25.8-67.2 57.6v19.2c0 10.6 10 19.2 22.4 19.2z"></path></svg></div>
 <h3 class="gerenxianmu">个人项目</h3>
 <ul>
 <li>
 <h3>
 <span>[项目1]医学科学数据管理与共享平台</span>
 <span class="link">
 <a href="#" target="_blank">Demo</a>
 </span>
 <time>201X.X-201X.X</time>
 </h3>
 <ul class="ppp">
 <li>技术栈：XXX</li>
 <li>
 <i class="ppp" aria-hidden="true"></i>
[目标]实现多类型多来源医学科学数据的提交、管理和共享
 <br/>
 <i class="ppp" aria-hidden="true"></i>
[团队]同 2 位同专业同学一起
<br/>
 <i class="ppp" aria-hidden="true"></i>
[贡献]完成从
<mark>“调研-设计-实现-文档”</mark>等工作，主要负责系统原型、功能框架及数据提交流程、元数据及源数据的管理与共享方案的设计以及系统开发等工作
<br/>
 <i class="ppp" aria-hidden="true"></i>
[效果]作品最终取得第三届共享杯国家级竞赛“一等奖” （2/2000）</li>
 </ul>
 </li>
 <li>
 <h3>
 <span>[项目2]肿瘤流行病数据可视化</span>
 <span class="link">
 <a href="#" target="_blank">Demo</a>
 </span>
 <time>201X.X-201X.X</time>
 </h3>
 <ul class="ppp">
 <li>技术栈：XXX</li>
 <li>
 <i class="ppp" aria-hidden="true"></i>
[目标]实现常见肿瘤流行病数据多维度可视化展示、数据透视及分析
 <br/>
 <i class="ppp" aria-hidden="true"></i>
[团队]与 1 位同学
 <br/>
 <i class="ppp" aria-hidden="true"></i>
[贡献]分析项目需求，清洗并整理相关数据(扩展第三方知识组织系统和 Google trends 数据)，并用
 <mark>D3.js</mark> 和<mark>ECharts</mark> 进行图形化展示以及实现简易自动分析 功能
 <br/>
 <i class="ppp" aria-hidden="true"></i>
[效果]作品取得第二届共享杯国家级竞赛“特等奖”(1/1500)
 </li>
 </ul>
 </li>
 <li>
 <h3>
 <span>[项目3]肿瘤流行病数据可视化</span>
 <span class="link">
 <a href="#" target="_blank">Demo</a>
 </span>
 <time>201X.X-201X.X</time>
 </h3>
 <ul class="ppp">
 <li>技术栈：XXX</li>
 <li>
 <i class="ppp" aria-hidden="true"></i>
[目标]实现常见肿瘤流行病数据多维度可视化展示、数据透视及分析
 <br/>
 <i class="ppp" aria-hidden="true"></i>
[团队]与 1 位同学
 <br/>
 <i class="ppp" aria-hidden="true"></i>
[贡献]分析项目需求，清洗并整理相关数据(扩展第三方知识组织系统和 Google trends 数据)，并用
<mark>D3.js</mark> 和<mark>ECharts</mark> 进行图形化展示以及实现简易自动分析功能
 <br/>
 <i class="ppp" aria-hidden="true"></i>
[效果]作品取得第二届共享杯国家级竞赛“特等奖”(1/1500)
 </li>
 </ul>
 </li>
 <li>
 <h3>
 <span>[项目4]肿瘤流行病数据可视化</span>
 <span class="link">
 <a href="#" target="_blank">Demo</a>
 </span>
 <time>201X.X-201X.X</time>
 </h3>
 <ul class="ppp">
 <li>技术栈：XXX</li>
 <li>
 <i class="ppp" aria-hidden="true"></i>
[目标]实现常见肿瘤流行病数据多维度可视化展示、数据透视及分析
 <br/>
 <i class="ppp" aria-hidden="true"></i>
[团队]与 1 位
 <br/>
 <i class="ppp" aria-hidden="true"></i>
[贡献]分析项目需求，清洗并整理相关数据(扩展第三方知识组织系统和 Google trends 数据)，并用
<mark>D3.js</mark> 和<mark>ECharts</mark> 进行图形化展示以及实现简易自动分析 功能
 <br/>
 <i class="ppp" aria-hidden="true"></i>
[效果]作品取得第二届共享杯国家级竞赛“特等奖”(1/1500)
 </li>
 </ul>
 </li>
 </ul>
</div>
                      <!-- 自我评价 -->
 <div class="work info-unit">
 <div class="xiaocao">
<svg xmlns="http://www.w3.org/2000/svg" class="svg-inline--fa fa-seedling fa-w-16" role="img" aria-hidden="true" viewBox="0 0 512 512" focusable="false" data-icon="seedling" data-prefix="fas"><path fill="currentColor" d="M 64 96 H 0 c 0 123.7 100.3 224 224 224 v 144 c 0 8.8 7.2 16 16 16 h 32 c 8.8 0 16 -7.2 16 -16 V 320 C 288 196.3 187.7 96 64 96 Z m 384 -64 c -84.2 0 -157.4 46.5 -195.7 115.2 c 27.7 30.2 48.2 66.9 59 107.6 C 424 243.1 512 147.9 512 32 h -64 Z" />
<path xmlns="http://www.w3.org/2000/svg" fill="currentColor" d="M 64 96 H 0 c 0 123.7 100.3 224 224 224 v 144 c 0 8.8 7.2 16 16 16 h 32 c 8.8 0 16 -7.2 16 -16 V 320 C 288 196.3 187.7 96 64 96 Z m 384 -64 c -84.2 0 -157.4 46.5 -195.7 115.2 c 27.7 30.2 48.2 66.9 59 107.6 C 424 243.1 512 147.9 512 32 h -64 Z" /></svg></div>
 <h3 class="ziwopingjia">自我评价/期望</h3> 
  <p>“多静多思考，反省不张扬”是我给自己总结的“十字箴言”，鞭策自己做人既不能以己度人，也不以人观己，要脚踏实地做事，坚持自己的梦想和本心。</p>
</div>




</div>
</div>  
</body>
</html>